---
layout: single
property_name: flex-flow
---

<section id="flex-flow" class="property property--shorthand">
  <header class="property-header">
    <nav class="property-links">
        <a class="property-collection" href="{{site.url}}/flexbox/">
          In collection: <strong>flexbox</strong>
        </a>
      <a class="property-links-direct" href="{{site.url}}/property/flex-flow/" data-property-name="flex-flow" data-tooltip="Single page for this property">Permalink</a>
      <a class="property-share" data-tooltip="Share on Twitter or Facebook" data-property-name="flex-flow">Share</a>
        <a target="_blank" href="http://caniuse.com/#feat=flexbox" data-tooltip="See on Can I use..." rel="external">Can I use</a>
      <a target="_blank" href="https://developer.mozilla.org/en/docs/Web/CSS/flex-flow" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a>
    </nav>
    <h2 class="property-name">
      <a href="#flex-flow"><span>#</span>flex-flow</a>
    </h2>
    <div class="property-description">
      <p>Shorthand property for <code class="shorthand"><a class="hash" href="{{site.url}}/property/flex-direction" data-property-name="flex-direction">flex-direction</a></code>  and  <code class="shorthand"><a class="hash" href="{{site.url}}/property/flex-wrap" data-property-name="flex-wrap">flex-wrap</a></code>.</p>

    </div>

  </header>






</section>
